<!DOCTYPE html>
<html>
<head>
  <title>Classificados do Cangaço</title>
  <%= stylesheet_link_tag    'bootstrap', media:'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'bootstrap', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
</head>
<header>


<div class="container">
  <div class="panel-body">
   	<div class="pull-right">
   		<button type="button" class="btn btn-link">Esqueceu a senha?</button>
   		<button type="button" class="btn btn-link">Entrar
   		</button>
   	</div>
  </div>
</div>

</div>
	<div class="container well">
  		<center><h1>Bem Vindo!</h1>
  		<p>Se você procura um site para anúnciar, está no lugar certo!</p>
  		<p><a class="btn btn-success btn-lg" role="button">Cadastrar anúncio grátis</a></p></center>
	</div>
<div class="container">
	<div class="col-md-10 col-md-push-2" >
  		<div class="form-group col-md-7">
    		<input type="text" class="form-control" placeholder="Busca por palavras-chaves">
  			</div>
  			<div class="col-md-3">
  			<button type="submit" class="btn btn-info">
  			<span class="glyphicon glyphicon-search" ></span>
  			</button>
		</div>
	</div>
</div>
</header>
<body>
<div class="col-md-push-1 container col-md-12">
		<div class="col-md-2" >
			
				<div class="list-group">
				  <a href="#" class="list-group-item active">
				   Categorias
				  </a>
				  <a href="#" class="list-group-item">Veiculos</a>
				  <a href="#" class="list-group-item">Imóveis</a>
				  <a href="#" class="list-group-item">Eletrônicos e informática</a>
				  <a href="#" class="list-group-item">Celulares e tablets</a>
				  <a href="#" class="list-group-item">
				  Moda e beleza</a>
				  <a href="#" class="list-group-item">Para sua casa</a>
				  <a href="#" class="list-group-item">Bebês e crianças</a>
				  <a href="#" class="list-group-item">Esportes</a>
				  <a href="#" class="list-group-item">Instrumentos musicais</a>
				  <a href="#" class="list-group-item">Outros</a>
				</div>

		</div>
			<div class=" container col-md-9">
				<%= yield %>
			</div>
</div>
<footer>
	<div class="container col-md-12">
		<center><p> Classificados do cangaço 2014</p></center>
	</div>
</footer>		


</body>
</html>
